@media screen and (min-device-width: 320px) and (orientation : portrait) {

	html,
	body {
		font-size: 12px !important;
	}
}

.innerSwap {
	flex: 1;
	height: 100%;
}

@media only screen and (min-device-width : 370px) and (orientation : portrait) {

	html,
	body {
		font-size: 13px !important;
	}
}

@media only screen and (min-device-width : 400px) and (orientation : portrait) {

	html,
	body {
		font-size: 14px !important;
	}
}



@media screen and (min-device-width: 320px) and (orientation : landscape) {

	html,
	body {
		font-size: 12px !important;
	}
}

@media only screen and (min-device-width : 370px) and (orientation : landscape) {

	html,
	body {
		font-size: 13px !important;
	}
}

@media only screen and (min-device-width : 400px) and (orientation : landscape) {

	html,
	body {
		font-size: 14px !important;
	}
}

@media only screen and (min-device-width : 700px) and (orientation : landscape) {

	html,
	uni-page-body,
	body {
		font-size: 14px !important;
	}
}

@font-face {
	font-family: 'PingFang-SC-Medium';
	src: url('~@/static/font/PingFang Medium.ttf') format('truetype');
}

body {
	font-weight: normal !important;
	font-family: 'PingFang-SC-Medium';
}

uni-page-body {
	height: 100%;
}

.view-main {
	width: 100%;
	height: 100%;
	background-color: $uni-bg-color-grey;
}

.containerTwo {
	background: #ECEDF2;
}

.flex_between {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.swiper {
	flex: 1;
}

.scroll {
	width: 100%;
	height: 100%;
}

.grayColor {
	width: 100%;
	height: 20rpx;
	background: #f5f5f5;
}

/* 背景图片 */
.icon-icon {
	background-image: url(./static/newVersionImg/icon.png);
}

.icon-unit {
	background-image: url(./static/newVersionImg/loginUnit.png);
}

.icon-unit2 {
	background-image: url(./static/newVersionImg/loginUnit2.png);
}

.icon-taskCancel {
	background-image: url(./static/newVersionImg/taskCancel.png);
}

.icon-loginUnit2 {
	background-image: url(./static/newVersionImg/loginUnit2.png);
}


.icon-user {
	background-image: url(./static/newVersionImg/loginAt.png);

}

.icon-login-user {
	background-image: url(./static/newVersionImg/user.png);

}

.icon-password {
	background-image: url(./static/newVersionImg/loginPw.png);
}

.icon-unit {
	background-image: url(./static/newVersionImg/loginUnit.png);

}

.icon-url {
	background-image: url(./static/newVersionImg/URL.png);
}

.icon-addPeople {
	background-image: url(./static/newVersionImg/addPeople.png);
}


.toTop {
	position: fixed;
	bottom: 150rpx;
	right: 60rpx;
	border-radius: 4400px;
	width: 35px;
	height: 35px;
	background-color: #e1e1e1;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 19999;
}

.fixleft {
	display: flex;
	justify-content: left;
}

/* 底部按钮 */
.footer,
.footerTwo {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 4rem;
	padding: 0.5rem;
	border-top: 1px solid rgba(218, 224, 231, 0.6);
	border-bottom: 1px solid rgba(218, 224, 231, 0.6);
	background: #fff;
	align-items: center;
	z-index: 9;
	display: flex;
}

.footerThree {
	width: 100%;
	position: position;
	bottom: 4rem;
	left: 0;
	right: 0;
	height: 4rem;
	padding: 0.5rem;
	border-top: 1px solid rgba(218, 224, 231, 0.6);
	border-bottom: 1px solid rgba(218, 224, 231, 0.6);
	background: #e5f1ff;
	align-items: center;
	display: flex;
	z-index: 9999;
	overflow: auto;
}

.footerFour {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 5rem;
	padding: 0;
	border-top: 1px solid rgba(218, 224, 231, 0.6);
	border-bottom: 1px solid rgba(218, 224, 231, 0.6);
	background: #e5f1ff;
	align-items: center;
	display: flex;
	z-index: 9999;
	overflow: auto;
}

.divider {
	width: 100%;
	height: 0.4rem;
	background-color: #ECEDF2;
}

/* .innerSwap {
	flex: 1;
	height: 100%;
}
 */
.flex {
	display: flex;
	align-items: center;
}

.flexSpaceBet {
	display: flex;
	justify-content: space-between !important;
}

/* card */
.u-card__body {
	padding: 10rpx 0.6rem !important;
}


/* 靠左 */
.textLeft {
	text-align: left !important;
}

/* 靠左 */
.textRight {
	text-align: right !important;
}

/* 居中 */
.textCenter {
	text-align: center !important;
}

/* col */
/* .u-col {
	padding: 0 0.6rem !important;
} */

.u-btn--search,
.u-btn--searchFooter {
	background: #1890ff;
	color: #FFFFFF;
}

.u-btn--reset {
	color: #FFFFFF;
	background: #e6a23c;
	height: 2rem !important;
	padding: 0 1rem !important;
}

.u-btn--green {
	color: #67c23a;
	background: #d8fdc6;
	border-color: #c2e7b0;
	padding: 0 1rem !important;
}


.rowBtn {
	height: 1.4rem !important;
	font-size: 0.8rem !important;
	border-radius: 0 !important;
}

.head {
	background-color: #FFFFFF;
	padding: 0.5rem 0;
	height: 5.8rem;
}

.headTwo {
	background-color: #FFFFFF;
	padding: 0.5rem 0;
	height: 9rem;
}

.headThree {
	background-color: #FFFFFF;
	padding: 0.25rem 0;
	height: 2.5rem;
}

.sticky {
	text-align: left;
	color: #000;
	font-size: 1.2rem;
	/* background: #f7c15f; */
	background: #fff5b2;
	height: 2.5rem;
	display: flex;
	padding: 0 0.75rem;
	align-items: center;
	width: 100vw;
}


.head-one {
	margin-bottom: 0.6rem;
}

.u-input--border {
	padding: 0 10rpx;
}

.flex {
	display: flex;
}

.modal_row {
	margin: 0.6rem;
}


.u-border-bottom:after,
.u-border-left:after,
.u-border-right:after,
.u-border-top-bottom:after,
.u-border-top:after,
.u-border:after,
.u-btn:after {
	border: none !important;
}

.u-hairline-border:after {
	border: none !important;
}

.u-input__input {
	font-size: 1.2rem !important;
}

uni-button[disabled]:not([type]),
uni-button[disabled][type=default] {
	color: #fff;
	background-color: #a0cfff;
}

.sticky_two {
	text-align: left;
	color: #000;
	font-size: 1.2rem;
	background: #eaffe6;
	height: 2.5rem;
	line-height: 2.5rem;
	display: flex;
	padding: 0 0.75rem;
	align-items: center;
	width: 100vw;
}


.dangerText {
	font-weight: 600;
	color: #DD524D;
	background: rgba(221, 82, 77, 0.15);
	font-size: 0.9rem;
	max-width: 100rpx;
	height: 40rpx;
	line-height: 40rpx;
	padding: 0 10rpx;
}

.defaultText {
	font-weight: 600;
	color: #409EFF;
	background: rgba(158, 255, 255, 0.15);
	font-size: 0.9rem;
	max-width: 160rpx;
	height: 40rpx;
	line-height: 40rpx;
	padding: 0 10rpx;
}



.bar_code {
	width: 200px;
	height: 200px;
	background: url('./static/img/icon/barCode.png');
	background-size: 100% 100%;
	margin: auto;
}

#qrcode {
	width: 200px;
	height: 200px;
	margin: auto;
}

.status_bar {
	height: var(--status-bar-height);
	background-color: #458DE7;
	width: 100%;
}

.uni-modal__bd {
	color: red !important;
}

.uni-modal__hd {
	padding: .8rem 1.6rem !important;
}

.list_label {
	height: 2.5rem;
	line-height: 2.5rem;
	color: #055fe6;
	background-color: #ddebff;
	padding: 0 6px;
	margin-top: 1px;
}

.byYellow {
	background-color: yellow;
}